/**
 * 水平居中
 */
@mixin center-block() {
    margin-left: auto;
    margin-right: auto;
}

/**
 * 浮动
 */
@mixin float($side) {
    float: unquote($side);
}

// 左浮动
@mixin pull-left() {
    @include float(left);
}

// 右浮动
@mixin pull-right() {
    @include float(right);
}

// 清除浮动
@mixin clearfix() {

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }
}

/**
 * 文本对齐
 */
@mixin text-align($align) {
    text-align: $align;
}

// 文本左对齐
@mixin text-left() {
    @include text-aligin(left);
}

// 文本右对齐
@mixin text-right() {
    @include text-aligin(right);
}

// 文本居中对齐
@mixin text-center() {
    @include text-align(center);
}

// 文本溢出省略显示
@mixin text-ellipsis() {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

// 多行文本溢出省略显示
@mixin text-ellipsis-more() {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
